<template>
  <view class="page-content p-l-18 p-r-18 p-t-10">
    <view class="h166 bg_678 bor-rad19"></view>
	<view class="bor-rad19 o-h m-t-10 b-s-1 rel">
		<view class="c_fff view flex-row p-l-20 p-t-15 p-b-15 bg_678">
			<view class="fz-43">17<text class="fz-19">%</text></view>
			<view class="fz-12 m-l-19 p-t-18">
				<view>抢单矿池：星火F</view>
				<view>开始时间：2022-02-23  17:00:00</view>
			</view>
		</view>
		<view class="view flex-row justify-between align-center bg_fff p-l-11 p-t-11 p-r-13 p-b-13">
			<view class="h36 view align-center justify-center bg_678 bor-rad8 fz-14 c_fff w130" @click="onGotoGrabClick">我要参与</view>
			<view class="fz-12 c_949">参与金额：1-500CHB</view>
		</view>
		<view class="abs h22 w52 bor-rad12 bg_91a fz-10 c_fff view align-center justify-center" style="top: 9px;right: 13px;">17点场</view>
	</view>
  </view>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods: {
	  onGotoGrabClick() {
		  uni.navigateTo({
		  	url: '/pages/grabOrders/detail?id=' + 1
		  })
	  }
  }
}
</script>
<style lang="scss" scoped>
page {
	background-color:#F6F6F6;
	box-sizing: border-box;
	overflow-y: hidden;
}
</style>